﻿<ResourceDictionary
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2006"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
    xmlns:local="clr-namespace:Flitter.Twitter"
>
    
    <!--
    Twitterの内容が表示される箱のデザインです。基本的に全部一緒です。コピペしただけです。
    ただ、
    BeginStoryboard Storyboard="{StaticResource pop_t1}"
    みたいに設定されているところだけが1個1個違います。
    
    デザインを変えたら、コピペして、この部分を書き換える必要があります。
    -->

    <DataTemplate x:Key="SQUARE_TEMPLATE_1">
        <DataTemplate.Resources>
            <local:TwitterDateConverter x:Key="dateConverter"/>
        </DataTemplate.Resources>
        <Grid Opacity="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="222" Height="222" x:Name="SQUARE">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource pop_t1}"/>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Grid.RenderTransform>
            <Grid Opacity="1" HorizontalAlignment="Left" Margin="-453,0,0,-52.751" Width="562.328" x:Name="TWITTER">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>

                <Grid RenderTransformOrigin="0.5,0.5" x:Name="popout_bg" Margin="0,0,59,0">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="167.995,0,-147,52.751"/>
                    <Path Fill="{Binding Path=BackColor}" Data="F1 M 169.465332,53.033691 L 53.056152,53.094727 L 53.056152,111.691406 L 53.081543,111.691406 C 53.284668,143.523438 79.392090,169.510742 111.285645,169.510742 C 112.375488,169.510742 113.443848,169.492188 114.523926,169.413086 L 169.465332,169.413086 L 169.465332,53.033691 Z" HorizontalAlignment="Left" Margin="0,52.751,0,0" Width="222"/>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="53.333,0.002,114.662,114.749"/>
                </Grid>

                <Grid Margin="80,10,110,55" x:Name="text" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock  Grid.Row="0" x:Name="twitterContent" FontSize="28" FontWeight="Normal" Text="{Binding Path=status[0].text}"  TextWrapping="Wrap"  Background="{x:Null}" Foreground="{Binding Path=ForeColor}" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
            <Rectangle x:Name="OUTSIDE" Fill="{x:Null}" Stroke="{Binding Path=FrameColor}" StrokeThickness="25" Width="222" Height="222">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
            <TextBlock x:Name="twitterID" VerticalAlignment="Top" Height="25" Width="222" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" FontSize="18" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=screen_name}" />
            <TextBlock x:Name="twitterDate" FontSize="12" FontWeight="Bold" TextWrapping="Wrap" Margin="0,172,0,0" VerticalAlignment="Bottom" Height="25" Width="210" TextAlignment="Right" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" Text="{Binding Path=status[0].created_at, Converter={StaticResource dateConverter}}" DataContext="{Binding}" />
            <Rectangle x:Name="INSIDE" Stroke="{x:Null}" StrokeThickness="20" Margin="26.5,28,29.5,28" Width="160" Height="160">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="{Binding Path=profile_image_url}"/>
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>
    </DataTemplate>

    <DataTemplate x:Key="SQUARE_TEMPLATE_2">
        <DataTemplate.Resources>
            <local:TwitterDateConverter x:Key="dateConverter"/>
        </DataTemplate.Resources>
        <Grid Opacity="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="222" Height="222" x:Name="SQUARE">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource pop_t2}"/>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Grid.RenderTransform>
            <Grid Opacity="1" HorizontalAlignment="Left" Margin="-453,0,0,-52.751" Width="562.328" x:Name="TWITTER">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>

                <Grid RenderTransformOrigin="0.5,0.5" x:Name="popout_bg" Margin="0,0,59,0">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="167.995,0,-147,52.751"/>
                    <Path Fill="{Binding Path=BackColor}" Data="F1 M 169.465332,53.033691 L 53.056152,53.094727 L 53.056152,111.691406 L 53.081543,111.691406 C 53.284668,143.523438 79.392090,169.510742 111.285645,169.510742 C 112.375488,169.510742 113.443848,169.492188 114.523926,169.413086 L 169.465332,169.413086 L 169.465332,53.033691 Z" HorizontalAlignment="Left" Margin="0,52.751,0,0" Width="222"/>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="53.333,0.002,114.662,114.749"/>
                </Grid>

                <Grid Margin="80,10,110,55" x:Name="text" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock  Grid.Row="0" x:Name="twitterContent" FontSize="28" FontWeight="Normal" Text="{Binding Path=status[0].text}"  TextWrapping="Wrap"  Background="{x:Null}" Foreground="{Binding Path=ForeColor}" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
            <Rectangle x:Name="OUTSIDE" Fill="{x:Null}" Stroke="{Binding Path=FrameColor}" StrokeThickness="25" Width="222" Height="222">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
            <TextBlock x:Name="twitterID" VerticalAlignment="Top" Height="25" Width="222" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" FontSize="18" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=screen_name}" />
            <TextBlock x:Name="twitterDate" FontSize="12" FontWeight="Bold" TextWrapping="Wrap" Margin="0,172,0,0" VerticalAlignment="Bottom" Height="25" Width="210" TextAlignment="Right" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" Text="{Binding Path=status[0].created_at, Converter={StaticResource dateConverter}}" DataContext="{Binding}" />
            <Rectangle x:Name="INSIDE" Stroke="{x:Null}" StrokeThickness="20" Margin="26.5,28,29.5,28" Width="160" Height="160">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="{Binding Path=profile_image_url}"/>
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>
    </DataTemplate>

    <DataTemplate x:Key="SQUARE_TEMPLATE_3">
        <DataTemplate.Resources>
            <local:TwitterDateConverter x:Key="dateConverter"/>
        </DataTemplate.Resources>
        <Grid Opacity="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="222" Height="222" x:Name="SQUARE">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource pop_t3}"/>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Grid.RenderTransform>
            <Grid Opacity="1" HorizontalAlignment="Left" Margin="-453,0,0,-52.751" Width="562.328" x:Name="TWITTER">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>

                <Grid RenderTransformOrigin="0.5,0.5" x:Name="popout_bg" Margin="0,0,59,0">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="167.995,0,-147,52.751"/>
                    <Path Fill="{Binding Path=BackColor}" Data="F1 M 169.465332,53.033691 L 53.056152,53.094727 L 53.056152,111.691406 L 53.081543,111.691406 C 53.284668,143.523438 79.392090,169.510742 111.285645,169.510742 C 112.375488,169.510742 113.443848,169.492188 114.523926,169.413086 L 169.465332,169.413086 L 169.465332,53.033691 Z" HorizontalAlignment="Left" Margin="0,52.751,0,0" Width="222"/>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="53.333,0.002,114.662,114.749"/>
                </Grid>

                <Grid Margin="80,10,110,55" x:Name="text" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock  Grid.Row="0" x:Name="twitterContent" FontSize="28" FontWeight="Normal" Text="{Binding Path=status[0].text}"  TextWrapping="Wrap"  Background="{x:Null}" Foreground="{Binding Path=ForeColor}" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
            <Rectangle x:Name="OUTSIDE" Fill="{x:Null}" Stroke="{Binding Path=FrameColor}" StrokeThickness="25" Width="222" Height="222">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
            <TextBlock x:Name="twitterID" VerticalAlignment="Top" Height="25" Width="222" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" FontSize="18" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=screen_name}" />
            <TextBlock x:Name="twitterDate" FontSize="12" FontWeight="Bold" TextWrapping="Wrap" Margin="0,172,0,0" VerticalAlignment="Bottom" Height="25" Width="210" TextAlignment="Right" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" Text="{Binding Path=status[0].created_at, Converter={StaticResource dateConverter}}" DataContext="{Binding}" />
            <Rectangle x:Name="INSIDE" Stroke="{x:Null}" StrokeThickness="20" Margin="26.5,28,29.5,28" Width="160" Height="160">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="{Binding Path=profile_image_url}"/>
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>
    </DataTemplate>

    <DataTemplate x:Key="SQUARE_TEMPLATE_4">
        <DataTemplate.Resources>
            <local:TwitterDateConverter x:Key="dateConverter"/>
        </DataTemplate.Resources>
        <Grid Opacity="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="222" Height="222" x:Name="SQUARE">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource pop_t4}"/>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Grid.RenderTransform>
            <Grid Opacity="1" HorizontalAlignment="Left" Margin="-453,0,0,-52.751" Width="562.328" x:Name="TWITTER">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>

                <Grid RenderTransformOrigin="0.5,0.5" x:Name="popout_bg" Margin="0,0,59,0">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="167.995,0,-147,52.751"/>
                    <Path Fill="{Binding Path=BackColor}" Data="F1 M 169.465332,53.033691 L 53.056152,53.094727 L 53.056152,111.691406 L 53.081543,111.691406 C 53.284668,143.523438 79.392090,169.510742 111.285645,169.510742 C 112.375488,169.510742 113.443848,169.492188 114.523926,169.413086 L 169.465332,169.413086 L 169.465332,53.033691 Z" HorizontalAlignment="Left" Margin="0,52.751,0,0" Width="222"/>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="53.333,0.002,114.662,114.749"/>
                </Grid>

                <Grid Margin="80,10,110,55" x:Name="text" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock  Grid.Row="0" x:Name="twitterContent" FontSize="28" FontWeight="Normal" Text="{Binding Path=status[0].text}"  TextWrapping="Wrap"  Background="{x:Null}" Foreground="{Binding Path=ForeColor}" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
            <Rectangle x:Name="OUTSIDE" Fill="{x:Null}" Stroke="{Binding Path=FrameColor}" StrokeThickness="25" Width="222" Height="222">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
            <TextBlock x:Name="twitterID" VerticalAlignment="Top" Height="25" Width="222" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" FontSize="18" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=screen_name}" />
            <TextBlock x:Name="twitterDate" FontSize="12" FontWeight="Bold" TextWrapping="Wrap" Margin="0,172,0,0" VerticalAlignment="Bottom" Height="25" Width="210" TextAlignment="Right" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" Text="{Binding Path=status[0].created_at, Converter={StaticResource dateConverter}}" DataContext="{Binding}" />
            <Rectangle x:Name="INSIDE" Stroke="{x:Null}" StrokeThickness="20" Margin="26.5,28,29.5,28" Width="160" Height="160">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="{Binding Path=profile_image_url}"/>
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>
    </DataTemplate>

    <DataTemplate x:Key="SQUARE_TEMPLATE_5">
        <DataTemplate.Resources>
            <local:TwitterDateConverter x:Key="dateConverter"/>
        </DataTemplate.Resources>
        <Grid Opacity="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="222" Height="222" x:Name="SQUARE">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource pop_t5}"/>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Grid.RenderTransform>
            <Grid Opacity="1" HorizontalAlignment="Left" Margin="-453,0,0,-52.751" Width="562.328" x:Name="TWITTER">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>

                <Grid RenderTransformOrigin="0.5,0.5" x:Name="popout_bg" Margin="0,0,59,0">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="167.995,0,-147,52.751"/>
                    <Path Fill="{Binding Path=BackColor}" Data="F1 M 169.465332,53.033691 L 53.056152,53.094727 L 53.056152,111.691406 L 53.081543,111.691406 C 53.284668,143.523438 79.392090,169.510742 111.285645,169.510742 C 112.375488,169.510742 113.443848,169.492188 114.523926,169.413086 L 169.465332,169.413086 L 169.465332,53.033691 Z" HorizontalAlignment="Left" Margin="0,52.751,0,0" Width="222"/>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="53.333,0.002,114.662,114.749"/>
                </Grid>

                <Grid Margin="80,10,110,55" x:Name="text" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock  Grid.Row="0" x:Name="twitterContent" FontSize="28" FontWeight="Normal" Text="{Binding Path=status[0].text}"  TextWrapping="Wrap"  Background="{x:Null}" Foreground="{Binding Path=ForeColor}" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
            <Rectangle x:Name="OUTSIDE" Fill="{x:Null}" Stroke="{Binding Path=FrameColor}" StrokeThickness="25" Width="222" Height="222">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
            <TextBlock x:Name="twitterID" VerticalAlignment="Top" Height="25" Width="222" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" FontSize="18" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=screen_name}" />
            <TextBlock x:Name="twitterDate" FontSize="12" FontWeight="Bold" TextWrapping="Wrap" Margin="0,172,0,0" VerticalAlignment="Bottom" Height="25" Width="210" TextAlignment="Right" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" Text="{Binding Path=status[0].created_at, Converter={StaticResource dateConverter}}" DataContext="{Binding}" />
            <Rectangle x:Name="INSIDE" Stroke="{x:Null}" StrokeThickness="20" Margin="26.5,28,29.5,28" Width="160" Height="160">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="{Binding Path=profile_image_url}"/>
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>
    </DataTemplate>


    <DataTemplate x:Key="SQUARE_TEMPLATE_6">
        <DataTemplate.Resources>
            <local:TwitterDateConverter x:Key="dateConverter"/>
        </DataTemplate.Resources>
        <Grid Opacity="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="222" Height="222" x:Name="SQUARE">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource pop_t6}"/>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Grid.RenderTransform>
            <Grid Opacity="1" HorizontalAlignment="Left" Margin="-453,0,0,-52.751" Width="562.328" x:Name="TWITTER">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>

                <Grid RenderTransformOrigin="0.5,0.5" x:Name="popout_bg" Margin="0,0,59,0">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="167.995,0,-147,52.751"/>
                    <Path Fill="{Binding Path=BackColor}" Data="F1 M 169.465332,53.033691 L 53.056152,53.094727 L 53.056152,111.691406 L 53.081543,111.691406 C 53.284668,143.523438 79.392090,169.510742 111.285645,169.510742 C 112.375488,169.510742 113.443848,169.492188 114.523926,169.413086 L 169.465332,169.413086 L 169.465332,53.033691 Z" HorizontalAlignment="Left" Margin="0,52.751,0,0" Width="222"/>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="53.333,0.002,114.662,114.749"/>
                </Grid>

                <Grid Margin="80,10,110,55" x:Name="text" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock  Grid.Row="0" x:Name="twitterContent" FontSize="28" FontWeight="Normal" Text="{Binding Path=status[0].text}"  TextWrapping="Wrap"  Background="{x:Null}" Foreground="{Binding Path=ForeColor}" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
            <Rectangle x:Name="OUTSIDE" Fill="{x:Null}" Stroke="{Binding Path=FrameColor}" StrokeThickness="25" Width="222" Height="222">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
            <TextBlock x:Name="twitterID" VerticalAlignment="Top" Height="25" Width="222" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" FontSize="18" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=screen_name}" />
            <TextBlock x:Name="twitterDate" FontSize="12" FontWeight="Bold" TextWrapping="Wrap" Margin="0,172,0,0" VerticalAlignment="Bottom" Height="25" Width="210" TextAlignment="Right" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" Text="{Binding Path=status[0].created_at, Converter={StaticResource dateConverter}}" DataContext="{Binding}" />
            <Rectangle x:Name="INSIDE" Stroke="{x:Null}" StrokeThickness="20" Margin="26.5,28,29.5,28" Width="160" Height="160">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="{Binding Path=profile_image_url}"/>
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>
    </DataTemplate>

    <DataTemplate x:Key="SQUARE_TEMPLATE_7">
        <DataTemplate.Resources>
            <local:TwitterDateConverter x:Key="dateConverter"/>
        </DataTemplate.Resources>
        <Grid Opacity="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="222" Height="222" x:Name="SQUARE">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource pop_t7}"/>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Grid.RenderTransform>
            <Grid Opacity="1" HorizontalAlignment="Left" Margin="-453,0,0,-52.751" Width="562.328" x:Name="TWITTER">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>

                <Grid RenderTransformOrigin="0.5,0.5" x:Name="popout_bg" Margin="0,0,59,0">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="167.995,0,-147,52.751"/>
                    <Path Fill="{Binding Path=BackColor}" Data="F1 M 169.465332,53.033691 L 53.056152,53.094727 L 53.056152,111.691406 L 53.081543,111.691406 C 53.284668,143.523438 79.392090,169.510742 111.285645,169.510742 C 112.375488,169.510742 113.443848,169.492188 114.523926,169.413086 L 169.465332,169.413086 L 169.465332,53.033691 Z" HorizontalAlignment="Left" Margin="0,52.751,0,0" Width="222"/>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="53.333,0.002,114.662,114.749"/>
                </Grid>

                <Grid Margin="80,10,110,55" x:Name="text" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock  Grid.Row="0" x:Name="twitterContent" FontSize="28" FontWeight="Normal" Text="{Binding Path=status[0].text}"  TextWrapping="Wrap"  Background="{x:Null}" Foreground="{Binding Path=ForeColor}" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
            <Rectangle x:Name="OUTSIDE" Fill="{x:Null}" Stroke="{Binding Path=FrameColor}" StrokeThickness="25" Width="222" Height="222">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
            <TextBlock x:Name="twitterID" VerticalAlignment="Top" Height="25" Width="222" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" FontSize="18" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=screen_name}" />
            <TextBlock x:Name="twitterDate" FontSize="12" FontWeight="Bold" TextWrapping="Wrap" Margin="0,172,0,0" VerticalAlignment="Bottom" Height="25" Width="210" TextAlignment="Right" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" Text="{Binding Path=status[0].created_at, Converter={StaticResource dateConverter}}" DataContext="{Binding}" />
            <Rectangle x:Name="INSIDE" Stroke="{x:Null}" StrokeThickness="20" Margin="26.5,28,29.5,28" Width="160" Height="160">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="{Binding Path=profile_image_url}"/>
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>
    </DataTemplate>

    <DataTemplate x:Key="SQUARE_TEMPLATE_8">
        <DataTemplate.Resources>
            <local:TwitterDateConverter x:Key="dateConverter"/>
        </DataTemplate.Resources>
        <Grid Opacity="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="222" Height="222" x:Name="SQUARE">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource pop_t8}"/>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Grid.RenderTransform>
            <Grid Opacity="1" HorizontalAlignment="Left" Margin="-453,0,0,-52.751" Width="562.328" x:Name="TWITTER">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>

                <Grid RenderTransformOrigin="0.5,0.5" x:Name="popout_bg" Margin="0,0,59,0">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="167.995,0,-147,52.751"/>
                    <Path Fill="{Binding Path=BackColor}" Data="F1 M 169.465332,53.033691 L 53.056152,53.094727 L 53.056152,111.691406 L 53.081543,111.691406 C 53.284668,143.523438 79.392090,169.510742 111.285645,169.510742 C 112.375488,169.510742 113.443848,169.492188 114.523926,169.413086 L 169.465332,169.413086 L 169.465332,53.033691 Z" HorizontalAlignment="Left" Margin="0,52.751,0,0" Width="222"/>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="53.333,0.002,114.662,114.749"/>
                </Grid>

                <Grid Margin="80,10,110,55" x:Name="text" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock  Grid.Row="0" x:Name="twitterContent" FontSize="28" FontWeight="Normal" Text="{Binding Path=status[0].text}"  TextWrapping="Wrap"  Background="{x:Null}" Foreground="{Binding Path=ForeColor}" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
            <Rectangle x:Name="OUTSIDE" Fill="{x:Null}" Stroke="{Binding Path=FrameColor}" StrokeThickness="25" Width="222" Height="222">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
            <TextBlock x:Name="twitterID" VerticalAlignment="Top" Height="25" Width="222" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" FontSize="18" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=screen_name}" />
            <TextBlock x:Name="twitterDate" FontSize="12" FontWeight="Bold" TextWrapping="Wrap" Margin="0,172,0,0" VerticalAlignment="Bottom" Height="25" Width="210" TextAlignment="Right" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" Text="{Binding Path=status[0].created_at, Converter={StaticResource dateConverter}}" DataContext="{Binding}" />
            <Rectangle x:Name="INSIDE" Stroke="{x:Null}" StrokeThickness="20" Margin="26.5,28,29.5,28" Width="160" Height="160">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="{Binding Path=profile_image_url}"/>
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>
    </DataTemplate>

    <DataTemplate x:Key="SQUARE_TEMPLATE_9">
        <DataTemplate.Resources>
            <local:TwitterDateConverter x:Key="dateConverter"/>
        </DataTemplate.Resources>
        <Grid Opacity="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="222" Height="222" x:Name="SQUARE">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource pop_t9}"/>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Grid.RenderTransform>
            <Grid Opacity="1" HorizontalAlignment="Left" Margin="-453,0,0,-52.751" Width="562.328" x:Name="TWITTER">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>

                <Grid RenderTransformOrigin="0.5,0.5" x:Name="popout_bg" Margin="0,0,59,0">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="167.995,0,-147,52.751"/>
                    <Path Fill="{Binding Path=BackColor}" Data="F1 M 169.465332,53.033691 L 53.056152,53.094727 L 53.056152,111.691406 L 53.081543,111.691406 C 53.284668,143.523438 79.392090,169.510742 111.285645,169.510742 C 112.375488,169.510742 113.443848,169.492188 114.523926,169.413086 L 169.465332,169.413086 L 169.465332,53.033691 Z" HorizontalAlignment="Left" Margin="0,52.751,0,0" Width="222"/>
                    <Rectangle Fill="{Binding Path=BackColor}" Stroke="{x:Null}" Margin="53.333,0.002,114.662,114.749"/>
                </Grid>

                <Grid Margin="80,10,110,55" x:Name="text" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock  Grid.Row="0" x:Name="twitterContent" FontSize="28" FontWeight="Normal" Text="{Binding Path=status[0].text}"  TextWrapping="Wrap"  Background="{x:Null}" Foreground="{Binding Path=ForeColor}" VerticalAlignment="Top"/>
                </Grid>

            </Grid>
            <Rectangle x:Name="OUTSIDE" Fill="{x:Null}" Stroke="{Binding Path=FrameColor}" StrokeThickness="25" Width="222" Height="222">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
            <TextBlock x:Name="twitterID" VerticalAlignment="Top" Height="25" Width="222" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" FontSize="18" FontWeight="Bold" TextWrapping="Wrap" Text="{Binding Path=screen_name}" />
            <TextBlock x:Name="twitterDate" FontSize="12" FontWeight="Bold" TextWrapping="Wrap" Margin="0,172,0,0" VerticalAlignment="Bottom" Height="25" Width="210" TextAlignment="Right" Background="{x:Null}" Foreground="{Binding Path=ForeColor}" Text="{Binding Path=status[0].created_at, Converter={StaticResource dateConverter}}" DataContext="{Binding}" />
            <Rectangle x:Name="INSIDE" Stroke="{x:Null}" StrokeThickness="20" Margin="26.5,28,29.5,28" Width="160" Height="160">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="{Binding Path=profile_image_url}"/>
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>
    </DataTemplate>


</ResourceDictionary>